<template>
  <div style="margin-top:2%">
    <div class="sidebar">
      <!-- 跳转到指定模块 -->
      <el-tabs v-model="activeName" @tab-click="handleClick" tab-position="left">
        <el-tab-pane label="事件详情" name="first">
          <div style="margin-left: 3% ">
            <div class="bname" ref="block1"
                 style=" font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
              药物储存相关
            </div>
            <el-form ref="form" :model="form" label-width="140px">
              <el-form-item label="药物储存相关">
                <el-radio-group v-model="form.reportcategory">
                  <el-radio label="药物储存不当"></el-radio>
                  <el-radio label="药品质量问题（含保存条件、过期）"></el-radio>
                  <el-radio label="其他"></el-radio>
                </el-radio-group>
              </el-form-item>
                <div v-show="form.reportcategory == '其他'">
                  <el-form-item label="其他" style="margin-left: -3%">
                    <el-input
                      v-model="form.other"
                      placeholder="请输入内容">
                    </el-input>
                  </el-form-item>
                </div>
              <div>
                <div class="bname"
                     style=" font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
                  事件情况描述
                </div>
                <el-form-item label="事件描述或事件经过" :rules="[{required: true, message: '此项为必填'}]">
                  <el-input v-model="form.details"></el-input>
                </el-form-item>
                <el-form-item label="事件发生时是否采取处理措施" :rules="[{required: true}]">
                  <el-radio-group v-model="form.reporttype">
                    <el-radio label="是"></el-radio>
                    <el-radio label="否"></el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="采取的处理措施">
                  <el-input v-model="form.badname" placeholder="请输入内容"></el-input>
                </el-form-item>
                <div v-show="form.reporttype == '是'">
                  <el-form-item label="事件引起的后果">
                    <el-input
                      v-model="form.results"
                      placeholder="请输入内容">
                    </el-input>
                  </el-form-item>
                </div>
              </div>
              <!--患者信息-->
              <div >
                <div class="bname" style="font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
                  患者信息
                </div>
                <div class="block" style="margin-top: 0.5%;">
                  <el-form ref="form" :model="form" label-width="140px">
                    <el-form-item label="是否涉及患者" :rules="[{required: true, }]">
                      <el-radio-group v-model="form.differentiate">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <div  v-show="form.differentiate== '是'">
                      <el-form-item label="诊疗类别" :rules="[{required: true, message: '患者信息未选择'}]">
                        <el-radio-group v-model="form.diagcategory">
                          <el-radio label="急诊"></el-radio>
                          <el-radio label="门诊"></el-radio>
                          <el-radio label="住院"></el-radio>
                        </el-radio-group>
                      </el-form-item>
                      <el-form-item label="病历号/门诊号" :rules="[{required: true, message: '患者信息未选择'}]">
                        <el-input v-model="form.badnum" placeholder=" "></el-input>
                      </el-form-item>
                      <el-form-item label="姓名" :rules="[{required: true, message: '患者姓名不能为空'}]">
                        <el-input v-model="form.patientname"></el-input>
                      </el-form-item>
                      <el-form-item label="性别" :rules="[{required: true, message: '性别不能为空'}]">
                        <el-radio-group v-model="form.patientgender">
                          <el-radio label="男"></el-radio>
                          <el-radio label="女"></el-radio>
                        </el-radio-group>
                      </el-form-item>
                      <el-form-item label="出生日期">
                        <el-date-picker
                          v-model="form.birdate"
                          type="date"
                          placeholder="选择日期">
                        </el-date-picker>
                      </el-form-item>
                      <el-form-item label="年龄">
                        <el-input v-model="form.patientage"></el-input>
                      </el-form-item>
                      <el-form-item label="年龄阶段">
                        <el-select v-model="form.agestage" placeholder="请选择" filterable>
                          <el-option
                            v-for="item in ageStageOption"
                            :key="item.value"
                            :label="item.value"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="家属联系电话" style="width: 600px;">
                        <el-input v-model="form.weightKg"></el-input>
                      </el-form-item>
                      <el-form-item label="入院就诊时间">
                        <el-date-picker
                          v-model="form.interdate"
                          type="date"
                          placeholder="选择日期">
                        </el-date-picker>
                      </el-form-item>
                      <el-form-item label="科室">
                        <el-select v-model="form.processDepartment" placeholder="请选择">
                          <el-option label="护理部" value=" "></el-option>
                          <el-option label="儿科" value=" "></el-option>
                          <el-option label="信息科" value=" "></el-option>
                          <el-option label="妇产科" value=" "></el-option>
                          <el-option label="神经科" value=" "></el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="床号" style="width: 600px;">
                        <el-input v-model="form.telephNum"></el-input>
                      </el-form-item>
                      <el-form-item label="护理级别">
                        <el-select v-model="form.preDisease" placeholder="请选择">
                          <el-option label="特级护理" value=" "></el-option>
                          <el-option label="Ⅰ级护理" value=" "></el-option>
                          <el-option label="Ⅱ级护理" value=" "></el-option>
                          <el-option label="Ⅲ级护理" value=" "></el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="文化程度">
                        <el-select v-model="form.medcliNum" placeholder="请选择">
                          <el-option label="研究生" value=" "></el-option>
                          <el-option label="大学本科" value=" "></el-option>
                          <el-option label="大学专科" value=" "></el-option>
                          <el-option label="中专（中技）" value=" "></el-option>
                          <el-option label="高中" value=" "></el-option>
                          <el-option label="初中" value=" "></el-option>
                          <el-option label="小学" value=" "></el-option>
                          <el-option label="文盲" value=" "></el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="诊断" style="width: 600px;">
                        <el-input v-model="form.medcliNum1"></el-input>
                      </el-form-item>
                    </div>
                  </el-form>
                </div>
              </div>

              <!--相关重要信息-->
              <div >
                <div class="bname"  style="font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
                  相关重要信息
                </div>
                <div class="block" style="margin-top: 0.5%;">
                  <el-form ref="form" :model="form" label-width="140px">
                    <el-form-item label="既往药品不良反应/事件">
                      <el-radio-group v-model="form.drugReaction">
                        <el-radio label="有"></el-radio>
                        <el-radio label="无"></el-radio>
                        <el-radio label="不详"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="家族药品不良反应/事件">
                      <el-radio-group v-model="form.familReaction">
                        <el-radio label="有"></el-radio>
                        <el-radio label="无"></el-radio>
                        <el-radio label="不详"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="相关重要信息">
                      <el-checkbox-group v-model="form.reinimf">
                        <el-checkbox label="吸烟史"></el-checkbox>
                        <el-checkbox label="饮酒史"></el-checkbox>
                        <el-checkbox label="妊娠期"></el-checkbox>
                        <el-checkbox label="肝病史"></el-checkbox>
                        <el-checkbox label="肾病史"></el-checkbox>
                        <el-checkbox label="过敏史"></el-checkbox>
                        <el-checkbox label="其他"></el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>
                    <el-form-item label="其他" style="width: 600px">
                      <el-input v-model="form.otherInform"></el-input>
                    </el-form-item>
                    <el-form-item label="过敏情况说明" style="width: 600px">
                      <el-input v-model="form.allergyInstru"></el-input>
                    </el-form-item>
                  </el-form>

                </div>
              </div>

              <!--药品信息-->
              <div >
                <div class="bname" ref="block3" style="font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
                  药品信息
                </div>
                <div style="color:blue;margin-top: 1%;font-size: 14px">怀疑药品</div>
                <div class="block" style="margin-top: 0.5%;">
                  <el-form ref="form" :model="form" label-width="140px">
                    <el-form-item label="药品种类" :rules="[{required: true, message: '药品种类未选择'}]">
                      <el-radio-group v-model="form.medicineType">
                        <el-radio label="全身性抗菌药物"></el-radio>
                        <el-radio label="降血糖药物"></el-radio>
                        <el-radio label="抗肿瘤药物"></el-radio>
                        <el-radio label="抗凝剂"></el-radio>
                        <el-radio label="镇痛药和解热药"></el-radio>
                        <el-radio label="心血管系统用药"></el-radio>
                        <el-radio label="X线造影剂及其他诊断性制剂"></el-radio>
                        <el-radio label="其他药物"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="批准文号" :rules="[{required: true, message: '批准文号不能为空'}]" style="width: 600px">
                      <el-input v-model="form.approvalNum"></el-input>
                    </el-form-item>
                    <el-form-item label="商品名称" style="width: 600px">
                      <el-input v-model="form.productName"></el-input>
                    </el-form-item>
                    <el-form-item label="通用名称" :rules="[{required: true, message: '通用名称不能为空'}]" style="width: 600px">
                      <el-input v-model="form.currentName"></el-input>
                    </el-form-item>
                    <el-form-item label="剂型" :rules="[{required: true, message: '剂型不能为空'}]">
                      <el-select v-model="form.dosageform" placeholder="请选择" filterable>
                        <el-option
                          v-for="item in dosageFormOption"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="生产厂家" :rules="[{required: true, message: '生产厂家不能为空'}]" style="width: 600px">
                      <el-input v-model="form.manuFacturer"></el-input>
                    </el-form-item>
                    <el-form-item label="生产批号" :rules="[{required: true, message: '生产批号不能为空'}]" style="width: 600px">
                      <el-input v-model="form.manuNum"></el-input>
                    </el-form-item>
                    <el-form-item label="用量" :rules="[{required: true, message: '用量不能为空'}]" style="width: 700px">
                      <div style="display: flex">
                        <el-input v-model="form.dosage"></el-input>
                        <span
                          style="margin-left:10px; float:right; color: red; font-weight:bolder;width: 110px">每次用药剂量</span>
                      </div>
                    </el-form-item>
                    <el-form-item label="单位" :rules="[{required: true, message: '单位不能为空'}]">
                      <div>
                        <el-select v-model="form.unti" placeholder="请选择" filterable>
                          <el-option
                            v-for="item in untiOption"
                            :key="item.value"
                            :label="item.value"
                            :value="item.value">
                          </el-option>
                        </el-select>
                        <div style="display: flex; width: 200px;align-items: center">
                          <el-input v-model="form.untiDay" style="margin-top: 10px;"></el-input>
                          <span
                            style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 20px">日</span>
                        </div>
                        <div style="display: flex; width: 265px;align-items: center">
                          <el-input v-model="form.cGiveyao" style="margin-top: 10px;"></el-input>
                          <span
                            style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 120px">次(给药次数)</span>
                        </div>
                      </div>
                    </el-form-item>
                    <el-form-item label="给药途径" :rules="[{required: true, message: '给药途径不能为空'}]">
                      <el-select v-model="form.giveWay" placeholder="请选择" filterable>
                        <el-option
                          v-for="item in giveWayOption"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="用药起时间" :rules="[{required: true, message: '用药起时间不能为空'}]">
                      <el-date-picker
                        v-model="form.medstaTime"
                        type="date"
                        placeholder="选择日期">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="用药止时间" :rules="[{required: true, message: '用药止时间不能为空'}]">
                      <el-date-picker
                        v-model="form.medstopTime"
                        type="date"
                        placeholder="选择日期">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="用药原因" :rules="[{required: true, message: '用药原因不能为空'}]" style="width: 600px">
                      <el-input v-model="form.medUsereason"></el-input>
                    </el-form-item>
                  </el-form>

                </div>
                <div style="color:blue;margin-top: 10px;font-size: 14px">并用药品</div>
                <div class="block" style="margin-top: 0.5%;">
                  <el-form ref="form" :model="form" label-width="140px">
                    <el-form-item label="药品种类" :rules="[{required: true, message: '药品种类未选择'}]">
                      <el-radio-group v-model="form.bymedicineType">
                        <el-radio label="全身性抗菌药物"></el-radio>
                        <el-radio label="降血糖药物"></el-radio>
                        <el-radio label="抗肿瘤药物"></el-radio>
                        <el-radio label="抗凝剂"></el-radio>
                        <el-radio label="镇痛药和解热药"></el-radio>
                        <el-radio label="心血管系统用药"></el-radio>
                        <el-radio label="X线造影剂及其他诊断性制剂"></el-radio>
                        <el-radio label="其他药物"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="批准文号" :rules="[{required: true, message: '批准文号不能为空'}]" style="width: 600px">
                      <el-input v-model="form.byapprovalNum"></el-input>
                    </el-form-item>
                    <el-form-item label="商品名称" style="width: 600px">
                      <el-input v-model="form.byproductName"></el-input>
                    </el-form-item>
                    <el-form-item label="通用名称" :rules="[{required: true, message: '通用名称不能为空'}]" style="width: 600px">
                      <el-input v-model="form.bycurrentName"></el-input>
                    </el-form-item>
                    <el-form-item label="剂型" :rules="[{required: true, message: '剂型不能为空'}]">
                      <el-select v-model="form.bydosageform" placeholder="请选择" filterable>
                        <el-option
                          v-for="item in bydosageFormOption"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="生产厂家" :rules="[{required: true, message: '生产厂家不能为空'}]" style="width: 600px">
                      <el-input v-model="form.bymanuFacturer"></el-input>
                    </el-form-item>
                    <el-form-item label="生产批号" :rules="[{required: true, message: '生产批号不能为空'}]" style="width: 600px">
                      <el-input v-model="form.bymanuNum"></el-input>
                    </el-form-item>
                    <el-form-item label="用量" :rules="[{required: true, message: '用量不能为空'}]" style="width: 700px">
                      <div style="display: flex">
                        <el-input v-model="form.bydosage"></el-input>
                        <span
                          style="margin-left:10px; float:right; color: red; font-weight:bolder;width: 110px">每次用药剂量</span>
                      </div>
                    </el-form-item>
                    <el-form-item label="单位" :rules="[{required: true, message: '单位不能为空'}]">
                      <div>
                        <el-select v-model="form.byunti" placeholder="请选择" filterable>
                          <el-option
                            v-for="item in byuntiOption"
                            :key="item.value"
                            :label="item.value"
                            :value="item.value">
                          </el-option>
                        </el-select>
                        <div style="display: flex; width: 200px;align-items: center">
                          <el-input v-model="form.byuntiDay" style="margin-top: 10px;"></el-input>
                          <span
                            style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 20px">日</span>
                        </div>
                        <div style="display: flex; width: 265px;align-items: center">
                          <el-input v-model="form.bycGiveyao" style="margin-top: 10px;"></el-input>
                          <span
                            style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 120px">次(给药次数)</span>
                        </div>
                      </div>
                    </el-form-item>
                    <el-form-item label="给药途径" :rules="[{required: true, message: '给药途径不能为空'}]">
                      <el-select v-model="form.bygiveWay" placeholder="请选择" filterable>
                        <el-option
                          v-for="item in bygiveWayOption"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="用药起时间" :rules="[{required: true, message: '用药起时间不能为空'}]">
                      <el-date-picker
                        v-model="form.bymedstaTime"
                        type="date"
                        placeholder="选择日期">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="用药止时间" :rules="[{required: true, message: '用药止时间不能为空'}]">
                      <el-date-picker
                        v-model="form.bymedstopTime"
                        type="date"
                        placeholder="选择日期">
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="用药原因" :rules="[{required: true, message: '用药原因不能为空'}]" style="width: 600px">
                      <el-input v-model="form.bymedUsereason"></el-input>
                    </el-form-item>
                  </el-form>
                </div>
              </div>

              <!--评价与分析-->
              <div>
                <div class="bname" ref="block4" style="font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
                  评价与分析
                </div>
                <div class="block" style="margin-top: 0.5%;">
                  <el-form ref="form" :model="form" label-width="140px">
                    <el-form-item label="不良反应/事件的结果" :rules="[{required: true, message: '不良反应/事件的结果未选择'}]">
                      <el-radio-group v-model="form.badJieguo">
                        <el-radio label="痊愈"></el-radio>
                        <el-radio label="好转"></el-radio>
                        <el-radio label="未好转"></el-radio>
                        <el-radio label="不详"></el-radio>
                        <el-radio label="有后遗症"></el-radio>
                        <el-radio label="死亡"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="停药或减量后，反应/事件是否消失或减轻？" label-width="300px"></el-form-item>
                    <el-form-item>
                      <el-radio-group v-model="form.ynReduce">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                        <el-radio label="不明"></el-radio>
                        <el-radio label="未停药或为减量"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="再次使用可疑药品后是否出现同样反应/事件？" label-width="300px"></el-form-item>
                    <el-form-item>
                      <el-radio-group v-model="form.againInfact">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                        <el-radio label="不明"></el-radio>
                        <el-radio label="未停药或为减量"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="对原患疾病的影响" :rules="[{required: true, message: '对原患疾病的影响未选择'}]">
                      <el-radio-group v-model="form.yuanYing">
                        <el-radio label="不明显"></el-radio>
                        <el-radio label="病程延长"></el-radio>
                        <el-radio label="病情加重"></el-radio>
                        <el-radio label="导致后遗症"></el-radio>
                        <el-radio label="导致死亡"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <div style="color:#28ef1a; margin-top: 1%; margin-bottom:10px; font-size: 14px">关联性评价</div>
                    <el-form-item label="报告人评价" :rules="[{required: true, message: '报告人评价未选择'}]">
                      <el-radio-group v-model="form.bgPeoplepjia">
                        <el-radio label="肯定"></el-radio>
                        <el-radio label="很可能"></el-radio>
                        <el-radio label="可能"></el-radio>
                        <el-radio label="可能无关"></el-radio>
                        <el-radio label="待评价"></el-radio>
                        <el-radio label="无法评价"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="签名" style="width: 600px">
                      <el-input v-model="form.firqianName"></el-input>
                    </el-form-item>
                    <el-form-item label="报告人联系电话" style="width: 600px">
                      <el-input v-model="form.bgpeopleNum"></el-input>
                    </el-form-item>
                    <el-form-item label="报告人职业" :rules="[{required: true, message: '报告人职业未选择'}]">
                      <el-radio-group v-model="form.bgPeoplejob">
                        <el-radio label="医生"></el-radio>
                        <el-radio label="药师"></el-radio>
                        <el-radio label="护士"></el-radio>
                        <el-radio label="其他"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="报告单位评价">
                      <el-radio-group v-model="form.bgPlacepjia">
                        <el-radio label="肯定"></el-radio>
                        <el-radio label="很可能"></el-radio>
                        <el-radio label="可能"></el-radio>
                        <el-radio label="可能无关"></el-radio>
                        <el-radio label="待评价"></el-radio>
                        <el-radio label="无法评价"></el-radio>
                      </el-radio-group>
                      <div style="color: #8f8f94">注：药师填写</div>
                    </el-form-item>
                    <el-form-item label="签名" style="width: 600px">
                      <el-input v-model="form.secqianName"></el-input>
                    </el-form-item>
                    <div style="color:#28ef1a; margin-top: 10px; margin-bottom:10px; font-size: 14px">报告单位信息</div>
                    <el-form-item label="单位名称" style="width: 600px">
                      <el-input v-model="form.workName"></el-input>
                    </el-form-item>
                    <el-form-item label="联系人" style="width: 600px">
                      <el-input v-model="form.lianxiRen"></el-input>
                    </el-form-item>
                    <el-form-item label="电话" style="width: 600px">
                      <el-input v-model="form.dianhuaNum"></el-input>
                    </el-form-item>
                    <el-form-item label="备注" style="width: 600px">
                      <el-input type="textarea" v-model="form.bgBei" :rows="3" resize="none"></el-input>
                    </el-form-item>
                  </el-form>
                </div>
              </div>

              <!--事件结果-->
              <div>
                <div class="bname" ref="block5" style="font-weight:bold;font-size:18px;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
                  事件结果
                </div>
                <div class="block" style="margin-top: 0.5%;">
                  <el-form ref="form" :model="form" label-width="140px">
                    <el-form-item label="纠纷或纠纷隐患可能性" :rules="[{required: true, message: '纠纷或纠纷隐患可能性未选择'}]">
                      <el-radio-group v-model="form.jiuImpossible">
                        <el-radio label="确定有"></el-radio>
                        <el-radio label="可能有"></el-radio>
                        <el-radio label="无"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="事件严重程度">
                      <el-select v-model="form.thingSerious" placeholder="请选择" filterable>
                        <el-option
                          v-for="item in thingSeriousOption"
                          :key="item.value"
                          :label="item.value"
                          :value="item.value">
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="事件分级" style="width: 600px">
                      <el-radio-group v-model="form.thingFenji">
                        <el-radio label="Ⅰ级事件: 发生错误，造成患者死亡 (包括损害程度I级)"
                                  style="margin-top: 10px; margin-bottom: 10px"></el-radio>
                        <el-radio label="Ⅱ级事件: 发生错误，且造成患者伤害 (包括损害程度E、F、G、H级)" style="margin-bottom: 10px"></el-radio>
                        <el-radio label="Ⅲ级事件: 发生错误，但未造成患者伤害 (包括损害程度B、C、D级)" style="margin-bottom: 10px"></el-radio>
                        <el-radio label="Ⅳ级事件: 错误未发生 (错误隐患)(包括损害程度A级)"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="伤害严重度">
                      <el-radio-group v-model="form.hurtDu">
                        <el-radio label="死亡"></el-radio>
                        <el-radio label="极度严重"></el-radio>
                        <el-radio label="重度"></el-radio>
                        <el-radio label="中度"></el-radio>
                        <el-radio label="轻度"></el-radio>
                        <el-radio label="未造成伤害"></el-radio>
                        <el-radio label="无伤害"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="再次使用可疑药品后是否出现同样反应/事件？" label-width="300px"></el-form-item>
                    <el-form-item>
                      <el-radio-group v-model="form.againInfact">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                        <el-radio label="不明"></el-radio>
                        <el-radio label="未停药或为减量"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                    <el-form-item label="对原患疾病的影响" :rules="[{required: true, message: '对原患疾病的影响未选择'}]">
                      <el-radio-group v-model="form.yuanYing">
                        <el-radio label="不明显"></el-radio>
                        <el-radio label="病程延长"></el-radio>
                        <el-radio label="病情加重"></el-radio>
                        <el-radio label="导致后遗症"></el-radio>
                        <el-radio label="导致死亡"></el-radio>
                      </el-radio-group>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
            </el-form>
          </div>
        </el-tab-pane>
        <el-tab-pane label="事件摘要" name="second">
          <div style="margin-left: 3%">
            <div class="bname" style=" font-size:16px ;border-top: 1px ;padding-top:0.5%">事件摘要详情</div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="呈送事件" name="third">
          <div style="margin-left: 3%">
            <div class="bname" style=" font-size:16px ;border-top: 1px ;padding-top:0.5%">呈送事件详情
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="分析报告" name="fourth">
          <div style="margin-left: 3%;padding-top:0.5%">
            <el-button type="primary" @click="handleAdd" size="small">填写分析报告</el-button>
            <div style="font-size: 20px;font-weight:bold;margin-top: 20px;">报告还未填写，暂无内容显示！</div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="处理建议" name="fifth">
          <div style="margin-left: 3%">
            <div class="bname" style=" font-size:16px ;border-top: 1px ;padding-top:0.5%">处理建议详情
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="事件追踪" name="sixth">
          <div style="margin-left: 3%">
            <div class="bname" style=" font-size:16px ;border-top: 1px ;padding-top:0.5%">事件追踪详情
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="事件结案" name="seventh">
          <div style="margin-left: 3%">
            <div class="bname" style=" font-size:16px ;border-top: 1px ;padding-top:0.5%">事件结案详情
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>


    <!--  分析报告的弹窗显示  -->
    <el-dialog :visible.sync="innerVisible" width="100%" class="dialogBody">
      <!--页面提示-->
      <div class="tname">填写/编辑分析报告</div>
      <el-form :model="formDialog" label-width="150px">
        <!--相关重要信息-->
        <div style="font-size: 20px ;font-weight: bold; border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          协助部门意见
        </div>
        <!--         协助部门意见-->
        <div style="margin-top: 20px">
          <el-form-item label="协助部门一" class="tDepartmentComment">
            <el-select v-model="form1.assistDepartment1" placeholder="请选择">
              <el-option label="护理部"></el-option>
              <el-option label="儿科"></el-option>
              <el-option label="信息科"></el-option>
              <el-option label="妇产科"></el-option>
              <el-option label="神经科"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="协助部门二">
            <el-select v-model="form1.assistDepartment2" placeholder="请选择">
              <el-option label="护理部"></el-option>
              <el-option label="儿科"></el-option>
              <el-option label="信息科"></el-option>
              <el-option label="妇产科"></el-option>
              <el-option label="神经科"></el-option>
            </el-select>
          </el-form-item>
        </div>
        <div style="font-size: 20px ;font-weight: bold;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          科室讨论情况
        </div>
        <div style="margin-top: 20px">
          <el-form-item label="科室讨论日期" :rules="[{required: true, message: '此项为必填项，请你录入'}]">
            <div class="block">
              <el-date-picker
                v-model="form1.date"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </div>
          </el-form-item>
          <el-form-item label="地点">
            <el-input v-model="form1.address"></el-input>
          </el-form-item>
          <el-form-item label="参加讨论人员" :rules="[{required: true, message: '此项为必填项，请你录入'}]">
            <el-input v-model="form1.Participant" type="textarea" :rows="2" resize="none"></el-input>
          </el-form-item>
        </div>
        <!-- 科室讨论意见-->
        <div class="bname"
             style="font-size: 20px ;font-weight: bold;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          科室讨论意见
        </div>
        <div style="margin-top: 20px">
          <el-form-item label="事件是否累计患者">
            <el-radio-group v-model="form1.resource1">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
              1
            </el-radio-group>
          </el-form-item>
          <el-form-item label="是否给患者造成伤害" :rules="[{required: true}]">
            <el-radio-group v-model="form1.resource2">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="患者是否知晓" :rules="[{required: true}]">
            <el-radio-group v-model="form1.resource3">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="家属是否知晓" :rules="[{required: true}]">
            <el-radio-group v-model="form1.resource4">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="是否存在纠纷隐患" :rules="[{required: true}]">
            <el-radio-group v-model="form1.resource5">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="科室讨论定性等级">
            <el-radio-group v-model="form1.level">
              <el-radio label="医疗事故"></el-radio>
              <el-radio label="差错"></el-radio>
              <el-radio label="医疗缺陷"></el-radio>
              <el-radio label="意外事件"></el-radio>
              <el-radio label="其他"></el-radio>
            </el-radio-group>
          </el-form-item>
          <div v-show="form1.level == '医疗事故'">
            <el-form-item label="医疗事故">
              <el-radio-group v-model="form1.yiliaoshigu">
                <el-radio label="一级医疗事故"></el-radio>
                <el-radio label="二级医疗事故"></el-radio>
                <el-radio label="三级医疗事故"></el-radio>
                <el-radio label="四级医疗事故"></el-radio>
              </el-radio-group>
            </el-form-item>
          </div>
          <div v-show="form1.level == '差错'">
            <el-form-item label="医疗事故">
              <el-radio-group v-model="form1.chacuo">
                <el-radio label="严重差错"></el-radio>
                <el-radio label="一般差错"></el-radio>
              </el-radio-group>
            </el-form-item>
          </div>
          <div v-show="form1.level == '医疗缺陷'">
            <el-form-item label="医疗事故">
              <el-radio-group v-model="form1.quexian">
                <el-radio label="重度"></el-radio>
                <el-radio label="中度"></el-radio>
                <el-radio label="轻度"></el-radio>
              </el-radio-group>
            </el-form-item>
          </div>
          <el-form-item label="科室处理意见" :rules="[{required: true, message: '此项为必填项，请你录入'}]">
            <el-input v-model="form1.opinion" type="textarea" :rows="2" resize="none"></el-input>
          </el-form-item>
        </div>
        <div class="bname"
             style="font-size: 20px ;font-weight: bold;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          可能发生原因
        </div>
        <div class="border">
          <div class="border-title">
            <span>人</span>
          </div>
        </div>
        <div style="margin-top: 20px">
          <el-form-item label="医护人员">
            <el-checkbox-group v-model="form1.medicalStaffList">
              <el-checkbox label="员工疏忽"></el-checkbox>
              <el-checkbox label="风险意识不强"></el-checkbox>
              <el-checkbox label="临床经验不足"></el-checkbox>
              <el-checkbox label="临床培训不足"></el-checkbox>
              <el-checkbox label="与患者/家属缺乏沟通"></el-checkbox>
              <el-checkbox label="工作量过大"></el-checkbox>
              <el-checkbox label="精力不足/注意力不集中"></el-checkbox>
              <el-checkbox label="责任心不强"></el-checkbox>
              <el-checkbox label="人力未达预期配置"></el-checkbox>
              <el-checkbox label="缺乏完整、准确评估"></el-checkbox>
              <el-checkbox label="未做双核对"></el-checkbox>
              <el-checkbox label="未依照标准操作流程"></el-checkbox>
              <el-checkbox label="缺乏标准操作"></el-checkbox>
              <el-checkbox label="违反操作规范"></el-checkbox>
              <el-checkbox label="环境设备不熟悉"></el-checkbox>
              <el-checkbox label="未向患者/家属宣教"></el-checkbox>
              <el-checkbox label="宣教方式或技巧不对"></el-checkbox>
              <el-checkbox label="未落实交接班制度"></el-checkbox>
              <el-checkbox label="医护团队间沟通不足"></el-checkbox>
              <el-checkbox label="未注意特殊时段病房巡视"></el-checkbox>
              <el-checkbox label="未插高危警示标识"></el-checkbox>
              <el-checkbox label="未进行监督"></el-checkbox>
              <el-checkbox label="未告知患者完整信息"></el-checkbox>
              <el-checkbox label="医疗器械操作不当"></el-checkbox>
              <el-checkbox label="服务态度不好"></el-checkbox>
              <el-checkbox label="采用不适当的信息"></el-checkbox>
              <el-checkbox label="有不合格人员执行"></el-checkbox>
              <el-checkbox label="违反医疗规章制度"></el-checkbox>
              <el-checkbox label="给药核对不规范"></el-checkbox>
              <el-checkbox label="安全意识差、惯性思维严重"></el-checkbox>
              <el-checkbox label="对医嘱核对重要性认识不足"></el-checkbox>
              <el-checkbox label="未做到医嘱班班核对"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="患者">
            <el-checkbox-group v-model="form1.checkList">
              <el-checkbox label="身体虚弱"></el-checkbox>
              <el-checkbox label="未遵从遗嘱/遵医行为差"></el-checkbox>
              <el-checkbox label="意识或认知障碍"></el-checkbox>
              <el-checkbox label="肢体行动障碍"></el-checkbox>
              <el-checkbox label="躁动"></el-checkbox>
              <el-checkbox label="步态不稳"></el-checkbox>
              <el-checkbox label="高危患者执意下床活动"></el-checkbox>
              <el-checkbox label="患者过度高估自己的活动能力"></el-checkbox>
              <el-checkbox label="约束不当"></el-checkbox>
              <el-checkbox label="隐瞒有关病史/用药史"></el-checkbox>
              <el-checkbox label="提供错误病史/用药史"></el-checkbox>
              <el-checkbox label="高血压/位体性低血压"></el-checkbox>
              <el-checkbox label="眩晕感"></el-checkbox>
              <el-checkbox label="视力障碍"></el-checkbox>
              <el-checkbox label="记忆力、理解能力差"></el-checkbox>
              <el-checkbox label="疾病因素"></el-checkbox>
              <el-checkbox label="使用药物因素"></el-checkbox>
              <el-checkbox label="患者饮酒"></el-checkbox>
              <el-checkbox label="患者自理能力差"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="家属/陪护">
            <el-checkbox-group v-model="form1.caregiverList">
              <el-checkbox label="防护意识差，思想不重视"></el-checkbox>
              <el-checkbox label="对医护人员的安全告知遵从性低"></el-checkbox>
              <el-checkbox label="陪伴缺失"></el-checkbox>
              <el-checkbox label="无陪伴时未告知护士"></el-checkbox>
              <el-checkbox label="陪护之间交接不全面"></el-checkbox>
              <el-checkbox label="频繁更换，且未交接相关注意事项"></el-checkbox>
              <el-checkbox label="家属护理不当"></el-checkbox>
              <el-checkbox label="擅自松解约束带"></el-checkbox>
              <el-checkbox label="视力或认知障碍"></el-checkbox>
              <el-checkbox label="知识缺乏"></el-checkbox>
              <el-checkbox label="家属不重视，保守治疗"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <div class="border">
            <div class="border-title">
              <span>机</span>
            </div>
          </div>
          <el-form-item label="器材设备">
            <el-checkbox-group v-model="form1.equipmentList">
              <el-checkbox label="器械设备故障或工作异常"></el-checkbox>
              <el-checkbox label="未有异常警示系统"></el-checkbox>
              <el-checkbox label="异常警示系统问题"></el-checkbox>
              <el-checkbox label="信息系统问题"></el-checkbox>
              <el-checkbox label="器械设备安装、放置不当"></el-checkbox>
              <el-checkbox label="器械设备过度使用"></el-checkbox>
              <el-checkbox label="辅助功能障碍"></el-checkbox>
              <el-checkbox label="器械设备质量不合格"></el-checkbox>
              <el-checkbox label="器械设备管理问题"></el-checkbox>
              <el-checkbox label="器械设备未做定期检测和维护"></el-checkbox>
              <el-checkbox label="缺乏适当的工具/设备"></el-checkbox>
              <el-checkbox label="器械设备设计不合理/不合格"></el-checkbox>
              <el-checkbox label="缺乏适合的个人安全防护"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <div class="border">
            <div class="border-title">
              <span>料</span>
            </div>
          </div>
          <el-form-item label="耗材药品">
            <el-checkbox-group v-model="form1.drugList">
              <el-checkbox label="型号错误"></el-checkbox>
              <el-checkbox label="保质期已过"></el-checkbox>
              <el-checkbox label="真伪存疑"></el-checkbox>
              <el-checkbox label="进院前是否检验"></el-checkbox>
              <el-checkbox label="使用方法不符合规定"></el-checkbox>
              <el-checkbox label="使用环境不对"></el-checkbox>
              <el-checkbox label="使用材料与机器不匹配"></el-checkbox>
              <el-checkbox label="使用材料与其他材料互相影响"></el-checkbox>
              <el-checkbox label="药名相似"></el-checkbox>
              <el-checkbox label="读音相似"></el-checkbox>
              <el-checkbox label="外观相似"></el-checkbox>
              <el-checkbox label="库位临近"></el-checkbox>
              <el-checkbox label="拼音缩写相似"></el-checkbox>
              <el-checkbox label="打印不清"></el-checkbox>
              <el-checkbox label="使用特殊药物"></el-checkbox>
              <el-checkbox label="给药设备、物品不足"></el-checkbox>
              <el-checkbox label="药品标识不清"></el-checkbox>
              <el-checkbox label="药品过期、变质或毁损"></el-checkbox>
              <el-checkbox label="药物有多种剂型"></el-checkbox>
              <el-checkbox label="用法不清"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <div class="border">
            <div class="border-title">
              <span>法</span>
            </div>
          </div>
          <el-form-item label="流程制度">
            <el-checkbox-group v-model="form1.processSystemList">
              <el-checkbox label="监管不到位"></el-checkbox>
              <el-checkbox label="无相关管理制度"></el-checkbox>
              <el-checkbox label="护理宣传不到位"></el-checkbox>
              <el-checkbox label="核心制度落实不到位"></el-checkbox>
              <el-checkbox label="流程不合理"></el-checkbox>
              <el-checkbox label="缺评估流程"></el-checkbox>
              <el-checkbox label="缺复核流程"></el-checkbox>
              <el-checkbox label="无标准化操作流程"></el-checkbox>
              <el-checkbox label="输液处理不规范"></el-checkbox>
              <el-checkbox label="手术操作不当"></el-checkbox>
              <el-checkbox label="无菌操作不规范"></el-checkbox>
              <el-checkbox label="岗位职责设置不合理"></el-checkbox>
              <el-checkbox label="相关流程制度无培训"></el-checkbox>
              <el-checkbox label="相关流程制度培训不足"></el-checkbox>
              <el-checkbox label="相关流程制度无考核"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <div class="border">
            <div class="border-title">
              <span>环</span>
            </div>
          </div>
          <el-form-item label="环境">
            <el-checkbox-group v-model="form1.environmentList">
              <el-checkbox label="存在安全隐患"></el-checkbox>
              <el-checkbox label="缺乏环境安全防护"></el-checkbox>
              <el-checkbox label="未设置警示标识"></el-checkbox>
              <el-checkbox label="地面湿滑"></el-checkbox>
              <el-checkbox label="支撑物不牢固"></el-checkbox>
              <el-checkbox label="照明缺失或不良"></el-checkbox>
              <el-checkbox label="通道有障碍物"></el-checkbox>
              <el-checkbox label="空间过窄"></el-checkbox>
              <el-checkbox label="自然灾害"></el-checkbox>
              <el-checkbox label="货位相邻"></el-checkbox>
              <el-checkbox label="找不到人协助"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </div>
        <!--  预防此类事件再发生的措施和方法-->
        <div class="bname"
             style="font-size: 20px ;font-weight: bold;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          预防此类事件再发生的措施和方法
        </div>
        <div style="margin-top: 20px">
          <el-form-item label="加强教育培训">
            <el-checkbox-group v-model="form1.educationList">
              <el-checkbox label="医护人员临床教育培训"></el-checkbox>
              <el-checkbox label="提供就诊者及家属适当宣教"></el-checkbox>
              <el-checkbox label="改变医护人员工作态度"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="改善医疗护理管理">
            <el-checkbox-group v-model="form1.managementList">
              <el-checkbox label="制定适宜的安全制度"></el-checkbox>
              <el-checkbox label="制定标准的操作规范"></el-checkbox>
              <el-checkbox label="临床操作流程改善"></el-checkbox>
              <el-checkbox label="HIS系统修订"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="改善行政管理">
            <el-checkbox-group v-model="form1.administrationList">
              <el-checkbox label="完善医院行政制度"></el-checkbox>
              <el-checkbox label="完善医院行政流程"></el-checkbox>
              <el-checkbox label="建立检测制度"></el-checkbox>
              <el-checkbox label="人力配置改善"></el-checkbox>
              <el-checkbox label="环境设备改善"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="加强沟通方式">
            <el-checkbox-group v-model="form1.communicationList">
              <el-checkbox label="增加员工之间的沟通"></el-checkbox>
              <el-checkbox label="改善行政沟通系统"></el-checkbox>
              <el-checkbox label="改善与就诊者沟通模式"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
        </div>
        <div class="bname"
             style="font-size: 20px ;font-weight: bold;border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          附件信息
        </div>
        <div style="margin-top: 20px">
          <el-form-item label="处理图片" prop="images">
            <el-upload
              action=""
              :limit="500"
              list-type="picture-card"
              :on-exceed="handleExceed"
              :before-upload="beforeUpload"
              :on-remove="handleRemove"
              :file-list="fileList"
            >
              <i class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </el-form-item>
        </div>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button type="primary" @click="cancel">取 消</el-button>
      </div>
    </el-dialog>


  </div>

</template>

<script>
export default {
  name: "item2",
  data() {
    return {
      form: {
        name: '',
        reportcategory: '',
        reporttype: '',
        other: '',
        details: '',
        results: '',
        differentiate:'',
        badnum: '',
        interdate:'',
        processDepartment:'',
        enhappentime: '',
        enfindtime: '',
        undesc: '患者XXX，因“XXX”原患疾病于XXX时间入院（就诊），临床诊断XXX，从X年X月X日X时（用药起始时间）开始使用XXX药物（溶媒用量+药品用量、用法，按该顺序填写，如未使用溶媒，就不用填写溶媒）。\n' +
          '于XXX（第一次发生ADR的时间）时间，在用XXX药（如果多种药物同时使用，必须提供一个药物使用的顺序）XXX分钟/小时后，发生XXX反应，立即采取（干预时间）XXX措施（干预措施，如停止用药，并予以溶媒用量+药品用量、用法，按该顺序填写，如未使用溶媒，就不用填写溶媒），给予XXX（包含剂量）药物治疗，XXX分钟/小时（ADR终结时间）后症状缓解（ADR终结结果）。',
        diagcategory: '',
        patientname: '',
        patientgender: '',
        birdate: '',
        patientage: '',
        agestage: '',
        ethnicGroup: '',
        weightKg: '',
        telephNum: '',
        preDisease: '',
        medcliNum: '',
        drugReaction: '',
        familReaction: '',
        reinimf: [],
        otherInform: '',
        allergyInstru: '',
        bymedicineType: '',
        byapprovalNum: '',
        byproductName: '',
        bycurrentName: '',
        bydosageform: '',
        bymanuFacturer: '',
        bymanuNum: '',
        bydosage: '',
        byunti: '',
        untiDay: '',
        cGiveyao: '',
        giveWay: '',
        medstaTime: '',
        medstopTime: '',
        medUsereason: '',
        medicineType: '',
        approvalNum: '',
        productName: '',
        currentName: '',
        dosageform: '',
        manuFacturer: '',
        manuNum: '',
        dosage: '',
        unti: '',
        byuntiDay: '',
        bycGiveyao: '',
        bygiveWay: '',
        bymedstaTime: '',
        bymedstopTime: '',
        bymedUsereason: '',
        badJieguo: '',
        ynReduce: '',
        againInfact: '',
        yuanYing: '',
        bgPeoplepjia: '',
        firqianName: '',
        bgpeopleNum: '',
        bgPeoplejob: '',
        bgPlacepjia: '',
        secqianName: '',
        workName: '',
        lianxiRen: '',
        dianhuaNum: '',
        bgBei: '',
        jiuImpossible: '',
        thingFenji: '',
        hurtDu: '',
        thingSerious: '',
      },
      filelist: [],
      activeName: 'first',
      innerVisible: false,
      form1: {
        assistDepartment1: '',
        assistDepartment2: '',
        date: '',
        address: '',
        Participant: '',
        resource1: '',
        resource2: '',
        resource3: '',
        resource4: '',
        resource5: '',
        level: '',
        yiliaoshigu: '',
        chacuo: '',
        quexian: '',
        opinion: '',
        medicalStaffList: [],
        checkList: [],
        caregiverList: [],
        equipmentList: [],
        drugList: [],
        processSystemList: [],
        environmentList: [],
        educationList: [],
        managementList: [],
        administrationList: [],
        communicationList: [],
      },

      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        },
        shortcuts: [{
          text: '今天',
          onClick(picker) {
            picker.$emit('pick', new Date());
          }
        }, {
          text: '昨天',
          onClick(picker) {
            const date = new Date();
            date.setTime(date.getTime() - 3600 * 1000 * 24);
            picker.$emit('pick', date);
          }
        }, {
          text: '一周前',
          onClick(picker) {
            const date = new Date();
            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', date);
          }
        }]
      },
      value1: '',
    }
  },
  methods: {
    handleRemove(file) {
      this.fileList = this.fileList.filter(item => item.uid !== file.uid);
    },
    handleExceed() {
      this.msgError("最多只能传500张照片");
    },
    beforeUpload(file) {
      const isJPG = file.type === "image/jpeg" || file.type == "image/png";
      const isLt2M = file.size / 1024 / 1024 < 2;
      if (!isJPG) {
        this.$message.error("上传头像图片只能是 JPG 或 PNG 格式!");
        return;
      }
      if (!isLt2M) {
        this.$message.error("上传头像图片大小不能超过 2MB!");
        return;
      }
      const fileData = new FormData();
      fileData.append("avatar", file);
      //upload为上传的接口
      upload(fileData).then(res => {
        this.imgUrl = res.imgUrl;
        //对返回的图片地址进行回显
        this.$set(this.form, "avatar", this.imgUrl);
      });
      //阻止传到本地浏览器
      return false;
    },
    cancel() {
      this.innerVisible = false
    },
    handleAdd() {
      this.innerVisible = true
    }
  }

}
</script>

<style scoped>
.sidebar {
  margin-left: 3%;
}

.tname {
  font-size: 20px;
  font-weight: normal;
  height: 60px;
  margin-top: -30px;
}

.border {
  margin-top: 25px;
  border-top: 1px solid rgba(165, 169, 175, 0.29);
}

.border-title {
  width: 40px;
  height: 35px;
  background: white;
  text-align: center;
  margin-top: -12px;
  margin-left: 35px;
  font-weight: bold;
}
</style>






